<template>
  <view class="content">
    <view v-for="(item, index) in goodsList.data" :key="index">
      <commodity :machinery="item" />
    </view>
    <!-- 商品详情 -->
    <view class="p30">
      <image
        :src="`/static/mf/shop/${locale}.png`"
        :class="locale == 'zh_TW' ? 'ipfs_detail' : 'ipfs_detail_us'"
      />
    </view>
  </view>
</template>

<script>
import { mapGetters } from "vuex";
import commodity from "./commodity";
export default {
  components: {
    commodity,
  },
  props: {
    data: {
      type: Array,
      default: () => [],
    },
  },
  computed: {
    ...mapGetters("mf/shop", ["goodsList"]),
    ...mapGetters("system", ["locale"]),
  },
};
</script>

<style scoped>
.p30 {
  width: 100%;
  padding: 0 20rpx;
}
.ipfs_detail {
  width: 100%;
  height: 5006rpx;
}
.ipfs_detail_us {
  width: 100%;
  height: 6253rpx;
}
</style>